{%extends "base01.html"%}
    {%block refresh%}<meta http-equiv="refresh" content="120">{%endblock%}
    {%block title%}<title>导航</title>{%endblock%}
    {%block style%}
    <script src={{url_for("static",filename="js/a01.js")}}></script>
    {%endblock%}



    {%block head1%}
    <h1>网站目录总览</h1>
    <div class="row">
    <form action="https://www.baidu.com/s" target="_blank" rel="noreferrer noopener" style="float: right;">
    <input type="search" name="wd">
    <input type="submit" value="搜索">
    </form>
    </div>
    <br>
    {%endblock%}


    {%block topnav%}
    <div class="topnav">
        <a href={{url_for("forum.forumlist",poid=1)}}>论坛</a>
        <a href={{url_for("article.articlelist",foid=1)}}>文章</a>
        <a href={{url_for('file.upload')}}>上传</a>
        <a href={{url_for('file.download')}}>下载</a>
        <a href="/cgi-bin/data_en.py">信息</a>
        <a href="{{link1}}" style="float: right;">{{arg1}}</a>
        <a href="{{link2}}" style="float: right;">{{arg2}}</a>
    </div>
    {%endblock%}


    {%block leftcolumn%}
    <div class="card" >
        <h2>音乐播放</h2>
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=110 src="https://music.163.com/outchain/player?type=1&id=130839548&auto=1&height=90"></iframe>
        <br>
        <br>
        <a href={{url_for("static",filename="audio/ge01.mp3")}} style="text-decoration:none;"><img
                        src={{url_for("static",filename="img/Media (lable side of CD).jpg")}} alt="椎名豪 - 破壊の主.mp3" width="50"
                        height="50" style="display:inline;"></a>
        <a href={{url_for("static",filename="audio/ROULETTE.mp3")}} style="text-decoration:none;"><img
                        src={{url_for("static",filename="img/Media (lable side of CD) f.jpg")}} alt="浮森かや子,まめこ - ROULETTE" width="50"
                        height="50" style="display:inline;"></a>
    </div>

    <div class="card">
        <h2>时间查询</h2>
        <img src={{url_for("static",filename="icon/timec.jpg")}} alt="time" width="50" height="50" onclick="timecheck()">
        <p id="tc">&emsp;</p>

        <br>
    </div>

    <div class="card">
        <h2>预览窗口</h2>
        <iframe src={{url_for("static",filename="img/028.jpg")}} name="if1"></iframe>
        <a href="/cgi-bin/download.py" target="if1">查看文件</a>
        <a href="/cgi-bin/artical.py" target="if1" style="float: right;">查看文章</a>
    </div>

    <div class="card">
        <h2>百度搜索</h2>
        <form action="https://www.baidu.com/s" target="_blank" rel="noreferrer noopener">
            <input type="text" name="wd"/><input type="submit"  value="百度一下"/>
        </form>
    </div>
    
    
    {%endblock%}

                {% for message in get_flashed_messages() %}
                <div class=flash><li><p>{{ message }}</p></li></div>
                {% endfor %} 
            </ul>


    {%block middlecolumn%}
    {%for arti in artis%}
     <div class="card">
                <h2>{{arti.a_title}}</h2>
                <h5>{{arti.a_uptime}}</h5>
                <p>{{arti.a_html[:200]|safe}}</p>
                <p>......</p>
                <br>
                {%if arti.a_img!="0"%}
                    <a href={{url_for("article.viewarticle",aid=arti.a_id)}}><p><img src={{arti.a_img}} width="80%"></p></a>
                {%else%}
                    <a href={{url_for("article.viewarticle",aid=arti.a_id)}}><p><img src={{url_for("static",filename="img/fakeimg.jpg")}} width="80%"></a>
                {%endif%}
    </div>
    

    {%endfor%}
    {%endblock%}

    {%block rightcolumn%}
    <div class="card">
        <h2>关于我</h2>
        <p><a href={{url_for('user.profile',uid=1)}}><img src={{url_for("static",filename="img/a0010.jpg")}} width="50" height="50" style="display: inline;vertical-align: middle;"> </a>&emsp;izumu07</p>
        <p>邮箱：izumu07@outlook.com</p>
    </div>

    <div class="card">
        <h2>测试网页部分</h2>
        <p>
        <ul>
            <li><a href="tst0.html">
                    跳转测试
                </a></li>
            <li><a href="test.html">
                    文字测试
                </a></li>
            <li><a href="tst2.html">
                    视频测试
                </a></li>
            <li><a href="tst3.html">
                    表格测试
                </a></li>
            </li>
        </ul>
        </p>
    </div>

    <div class="card">
        <h2>404 No Found测试</h2>
        <a href="error.error">跳转测试</a>
        <p>通过在httpd.conf增加ErrorDocument 404 404.html实现</p>
    </div>

    <div class="card">
        <br><br>
    </div>
    
    {%endblock%}


    {%block legs%}{%endblock%}


    {%block footer%}
    <a href="http://106.75.176.51/s/index_pre.html">
        <p style="color: brown;">点此跳转旧版导航</p>
    </a>
    
    {%endblock%}

